.a1 {
    font-size: 30px;
}

/*
    :link：    链接未被访问过
    :active    链接被点击的一瞬间
    :visited    链接已经被访问过
    :hover     鼠标悬浮在连接上
*/
.a1:link {
    color: red;
}

.a1:active {
    color: blue;
}

.a1:visited {
    color: darkorchid;
}

.a1:hover {
    color: chartreuse;
}

/*
    性别伪类
    :checked 被选中样式发生修改
     type="radio | checkbox"
*/
.gender:checked {
    width: 60px;
    height: 60px;
}

.selectAll-btn:checked {
    width: 60px;
    height: 60px;
}

/*
 :hover
 作用于 其他元素
*/
.cart-goods {
    display: none; /*不显示*/
    width: 400px;
    height: 100px;
    border: 1px solid gray;
    position: absolute;

}

.cart-btn:hover > .cart-goods {
    display: block;
}

.gonglve-btn {
    display: block;
    width: 100px;
    height: 40px;
    border: 3px solid crimson; /*边框*/
    text-decoration: none; /*去除超链接下划线*/
    text-align: center; /*文本水平居中*/
    line-height: 40px; /*垂直居中*/
    color: #585858;

}

/*
   鼠标悬浮：   :hover
    .gonglve-btn 该元素的样式
*/
.gonglve-btn:hover {
    background-color: crimson;
    color: white;
}

.d1 {
    width: 400px;
    height: 40px;
    border: 1px solid #585858;
}

.d1:hover {
    border: none;
    border-bottom: 3px solid #585858;
}

